<template>
    <div ref="containerRef" class="editor" style="height: 200px;width:100%;" ></div>
</template>
<script setup lang="ts">
import * as monaco from 'monaco-editor-core'
import { ref,onMounted } from 'vue';
const containerRef = ref()
const editorInstance = ref()
onMounted(()=>{
    editorInstance.value = monaco.editor.create(containerRef.value,{
        value:`console.log('hello world')`,
        language:'javascript',
        theme:'vs-dark',
        minimap:{
            enabled:false
        }
    })
})
</script>